<template>
  <div class="app-container">
    <!-- 订单详情 updateShop 弹窗 -->
    <k-dialog
      :show-hide.sync="showHide"
      :modal-append-to-body="false"
      :append-to-body="true"
      class="addZone-dialog"
      title="查证"
      :show-foot="false"
    >
      <el-form :model="updateShopList" label-width="auto" class="form-modifys">
        <el-form-item label="区块Hash：">
          <el-input v-model="updateShopList.blockHash" disabled />
        </el-form-item>
        <el-form-item label="区块高度：">
          <el-input v-model="updateShopList.blockHeight" disabled />
        </el-form-item>
        <el-form-item label="上一区块hash：">
          <el-input v-model="updateShopList.prevBlockHash" disabled />
        </el-form-item>
        <el-form-item label="产品名：">
          <el-input v-model="updateShopList.productName" disabled />
        </el-form-item>
        <el-form-item label="天空与花：">
          <el-input v-model="updateShopList.productVersion" disabled />
        </el-form-item>
        <el-form-item label="批次：">
          <el-input v-model="updateShopList.releaseBatch" disabled />
        </el-form-item>
        <el-form-item label="资产序号：">
          <el-input v-model="updateShopList.productNumber" disabled />
        </el-form-item>
        <el-form-item label="发行年份：">
          <el-input v-model="updateShopList.releaseYear" disabled />
        </el-form-item>
        <el-form-item label="发行权力：">
          <el-input v-model="updateShopList.releaseRight" disabled />
        </el-form-item>
        <el-form-item label="发行数量：">
          <el-input v-model="updateShopList.releaseTotal" disabled />
        </el-form-item>
        <el-form-item label="查证通知：">
          <el-input v-model="updateShopList.notice" rows="6" type="textarea" disabled />
        </el-form-item>
        <el-form-item label="产品内容：">
          <el-input v-model="updateShopList.issueContent" rows="6" type="textarea" disabled />
        </el-form-item>
        <el-form-item label="产品封面">
          <img style="width: 100px;" :src="updateShopList.issueCover">
        </el-form-item>
      </el-form>

    </k-dialog>

  </div>
</template>

<script>
import { NftGetAssetsTraceability } from '@/api/shop/index'

export default {
  name: 'Forged',
  data() {
    return {
      showHide: false,
      updateShopList: false
    }
  },
  methods: {
    listData(row) {
      NftGetAssetsTraceability({ id: row.id }).then(res => {
        if (res.status == 200) {
          this.showHide = true
          if (res.data) {
            this.updateShopList = res.data
          } else this.updateShopList = []
        }
      })
    }
  }
}
</script>

<style lang="scss" scoped>
  .app-container{
    padding: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-bottom: 300px;
    box-sizing: border-box;
    img{
      width: 710px;
      height: 152px;
    }
  }
  .addZone-dialog{
  .form-modifys{
    padding: 10px 150px;
  }
}
</style>
